import { createRouter, createWebHistory } from 'vue-router'
import HomeView from '../views/HomeView.vue'
import TestView from '@/views/TestView.vue'
import TestView2 from '@/views/TestView2.vue'
import ComputedView from '@/views/ComputedView.vue'
import TestView3 from '@/views/TestView3.vue'
import ForView from '@/views/ForView.vue'
import RoleSelectView from '@/views/RoleSelectView.vue'
import InputView from '@/views/InputView.vue'
import CalcView from '@/views/CalcView.vue'
import CompView from '@/views/CompView.vue'
import LifyView from '@/views/LifyView.vue'
import AxiosView from '@/views/AxiosView.vue'

const router = createRouter({
  history: createWebHistory(import.meta.env.BASE_URL),
  routes: [
    {
      path: '/',
      name: 'home',
      component: HomeView,
    },
    {
      path: '/about',
      name: 'about',
      // route level code-splitting
      // this generates a separate chunk (About.[hash].js) for this route
      // which is lazy-loaded when the route is visited.
      component: () => import('../views/AboutView.vue'),
    },{
      path:"/test",
      component: TestView
    },{
      path:"/test2",
      component: TestView2
    },{
      path:"/computed",
      component: ComputedView
    },{
      path:"/test3",
      component: TestView3
    },{
      path:"/for",
      component: ForView
    },{
      path:"/role",
      component: RoleSelectView
    },{
      path:"/input",
      component: InputView
    },{
      path:"/calc",
      component: CalcView
    },{
      path:"/comp",
      component: CompView
    },{
      path:"/lify",
      component: LifyView
    },{
      path:"/axios",
      component: AxiosView
    }
  ],
})

export default router
